<template>
  <div>
      <h1>在线翻译</h1>
      <transForm v-on:parentclick="parentclick"></transForm>
      <transOutput v-text="msg"></transOutput>
  </div>
</template>

<script>
import transForm from '@/components/transForm'
import transOutput from '@/components/transOutput'
export default {
  name: 'HelloWorld',
  components:{ transForm,transOutput},
  data () {
    return {
      msg:''
    }
  },
  methods:{
    parentclick(text){
      this.msg=text
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
